<?php use_javascript('skinOptions.js')?>
<div id="optionsDiv">
	<table style="width: 100%">
		<tr>
			<td width=50% >
				<div class="divStyle1">
					<h2 class="header">Colors options <span id="featOptionConfirm" style="float:right"></span></h2>
					
						<table width=100%>
							<tr>
								<td width=50%>
									<div class="subDiv frameDiv">
									<h4 class="header">Frame</h4>
										<table cellspacing=0>
											<thead>
												<th>R</th><th>G</th><th>B</th>
											</thead>
											<tr>
												<td>
													<input class="color" type="text" name="frame_r" value="<?php echo $skinOption->getFrameR()?>" />
												</td>
												<td>
													<input class="color" type="text" name="frame_g" value="<?php echo $skinOption->getFrameG()?>" />
												</td>
												<td>
													<input class="color" type="text" name="frame_b" value="<?php echo $skinOption->getFrameB()?>" />
												</td>
											</tr>
										</table>
									</div>
								</td>
								<td>
									<div class="subDiv attDiv">
									<h4 class="header">Attribute</h4>
										<table cellspacing=0>
											<thead>
												<th>R</th><th>G</th><th>B</th>
											</thead>
											<tr>
												<td>
													<input class="color" type="text" name="att_r" value="<?php echo $skinOption->getAttR()?>" />
												</td>
												<td>
													<input class="color" type="text" name="att_g" value="<?php echo $skinOption->getAttG()?>" />
												</td>
												<td>
													<input class="color" type="text" name="att_b" value="<?php echo $skinOption->getAttB()?>" />
												</td>
											</tr>
										</table>
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div class="subDiv tokDiv">
										<h4 class="header">Token</h4>
										<table cellspacing=0>
											<thead>
												<th>R</th><th>G</th><th>B</th>
											</thead>
											<tr>
												<td>
													<input class="color" type="text" name="tok_r" value="<?php echo $skinOption->getTokR()?>" />
												</td>
												<td>
													<input class="color" type="text" name="tok_g" value="<?php echo $skinOption->getTokG()?>" />
												</td>
												<td>
													<input class="color" type="text" name="tok_b" value="<?php echo $skinOption->getTokB()?>" />
												</td>
											</tr>
										</table>
									</div>
								</td>
								<td>
									<div class="subDiv turnDiv">
										<h4 class="header">Turn</h4>
		
										<table cellspacing=0>
											<thead>
												<th>R</th><th>G</th><th>B</th>
											</thead>
											<tr>
												<td>
													<input class="color" type="text" name="turn_r" value="<?php echo $skinOption->getTurnR()?>" />
												</td>
												<td>
													<input class="color" type="text" name="turn_g" value="<?php echo $skinOption->getTurnG()?>" />
												</td>
												<td>
													<input class="color" type="text" name="turn_b" value="<?php echo $skinOption->getTurnB()?>" />
												</td>
											</tr>
										</table>
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div class="subDiv whiteboardDiv">
										<h4 class="header">Workspace background color</h4>
										<table cellspacing=0>
											<thead>
												<th>R</th><th>G</th><th>B</th>
											</thead>
											<tr>
												<td>
													<input class="color" type="text" name="whiteboard_r" value="<?php echo $skinOption->getWhiteboardR()?>" />
												</td>
												<td>
													<input class="color" type="text" name="whiteboard_g" value="<?php echo $skinOption->getWhiteboardG()?>" />
												</td>
												<td>
													<input class="color" type="text" name="whiteboard_b" value="<?php echo $skinOption->getWhiteboardB()?>" />
												</td>
											</tr>
										</table>
									</div>
								</td>
								<td></td>
							</tr>
					</table>
					<button id="submitOptions" name="submitBtn">Valider</button>
				</div>
			</td>
			<td>
				<div class="divStyle1">
					<h2 class="header"> Skin options </h2>
					<table width=100%>
						<tr>
							<td>
								<div class="subDiv workspaceBg" >
									<h4 class="header">Workspace background image</h4>
									<p id="f1_upload_process" style="display:none">Loading...</p>
									<form
										method=POST enctype=multipart/form-data target="upload_target" onsubmit="startUpload()" 
										action="<?php echo url_for("projectOptions/uploadBackgroundWorkSpace")?>">
										
										Image(png): <input name="file" type="file" />
										<br/>
										<input style="float:right" type="submit" name="submitBtn" value="Upload" />
										<input type="hidden" value="3072000" name="MAX_FILE_SIZE">
									</form>
								</div>
								<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #000"></iframe>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>
</div>